<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>BoxImg</title>
<link rel="stylesheet" href="css/imgBox.css" type="text/css"/>
<!--[if lte IE 7]>
<link rel="stylesheet" href="css/patches/imgBox.css" type="text/css"/>
<![endif]-->
<!--
<script type="text/javascript" src="firebug-lite/build/firebug-lite-debug.js"></script>
-->
<script type="text/javascript" src="js/addevent.js"></script>
<script type="text/javascript" src="sizzle/sizzle.js"></script>
</head>
<body>
<!-- skip link navigation -->
<ul id="skiplinks">
	<li><a href="#nav" class="skip">Skip to navigation (Press Enter).</a></li>
	<li><a href="#col3" class="skip">Skip to main content (Press Enter).</a></li>
</ul>

<div class="page_margins">
	<div class="page">
		<div id="header">
			<div id="topnav">
				<span><a href="#">Login</a> | <a href="#">Contact</a> | <a href="#">Imprint</a></span>
			</div>
			<h1>Image Box <em>imitate 163</em></h1>
			<span>^_^</span>
		</div>
		<!-- begin: main navigation #nav -->
		<div id="nav">
			<div class="hlist">
				<ul>
					<li><a href="#">My Douban</a></li>
					<li><a href="#">Make Y! your homepage</a></li>
					<li><a href="#">Y! china</a></li>
				</ul>
			</div>
		</div>
		<!-- end: main navigation -->
		
		<!-- begin: main content area #main -->
		<div id="main">
			<div class="subcolumns">
				<!-- begin: #col1 - first float column -->
				<div id="col1">
					<div id="col1_content" class="clearfix">
						
					</div>
				</div>
				<!-- end: #col1 -->
				
				<!-- begin: #col3 static column -->
				<div id="col3">
					<div id="col3_content" class="clearfix">
						<h3>HelloWorld</h3>
						<div id="imgBox">
							<div id="imgShow">
								<div class="imgElem">
									<img src="images/boxImg/3.jpg" alt="" width="286" height="350" />
								</div>
								<div class="prev">
									<a class="imgPrev" href="#3" hidefocus="true"></a>
								</div>
								<div class="next">
									<a class="imgNext" href="#3" hidefocus="true"></a>
								</div>
								<div class="loading" style="display:none;"></div>
							</div>
							<div id="imgCont" class="subcolumns">
								<div class="subc">
									<span>(3/51)</span>
									<span>关凌</span>
								</div>
							</div>
							<hr />
							<div id="imgNavi" class="subcolumns clearfix">
								<div class="leftNav">
									<a href="#" class="navLeft" hidefocus="true"></a>
								</div>
								<div class="thumbNav">
									<div class="thumbImg">
										<ul style="width:1200px;">
											<li class="first"><a href="#" hidefocus="true"><img src="images/boxImg/1_s.jpg" alt="" /></a></li>
											<li><a href="#" hidefocus="true"><img src="images/boxImg/2_s.jpg" alt="" /></a></li>
											<li><a href="#" hidefocus="true"><img src="images/boxImg/3_s.jpg" alt="" /></a></li>
											<li><a href="#" hidefocus="true"><img src="images/boxImg/4_s.jpg" alt="" /></a></li>
											<li><a href="#" hidefocus="true"><img src="images/boxImg/5_s.jpg" alt="" /></a></li>
											<li><a href="#" hidefocus="true"><img src="images/boxImg/6_s.jpg" alt="" /></a></li>
										</ul>
									</div>
									<div class="thumbScroll clearfix">
										<span class="scl_lt"></span>
										<span class="scl_rt"></span>
										<div class="scl_bg">
											<div class="scl_ct">
												<a href="#" hidefocus="true">
													<b class="btn_lt"></b>
													<b class="btn_rt"></b>
													<span class="btn_bg">
														<span>
															<b class="btn_ct"></b>
														</span>
													</span>
												</a>
											</div>
										</div>
									</div>
								</div>
								<div class="rightNav">
									<a href="#" class="navRight" hidefocus="true"></a>
								</div>
							</div>
						</div>
					</div>
					<!-- IE Column Clearing -->
					<div id="ie_clearing">&nbsp;</div>
				</div>
				<!-- end: #col3 -->
			</div>
		</div>
		<!-- end: #main -->
		
		<!-- begin: #footer -->
		<div id="footer">Footer with copyright notice and status information <br />Layout based on <a href="http://www.yaml.de/">YAML</a></div>
		<!-- end: #footer -->
		
	</div>
</div>
<script type="text/javascript">
	var testDivs = Sizzle("#imgNavi div");
	console.log(testDivs[0]);
</script>
</body>
</html>